<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>学生信息管理系统登录</title>
	<!-- Bootstrap core CSS -->
	<link href="asserts\css\bootstrap.min.css" th:href="@{/webjars/bootstrap/4.0.0/css/bootstrap.css}" rel="stylesheet">
	<!-- Custom styles for this template -->
	<link href="asserts/css/signin.css" th:href="@{/asserts/css/signin.css}" rel="stylesheet">
	
<link rel="stylesheet"  href="./css/html5_style.css" th:href="@{/asserts/css/html5_style.css}">
		<link rel="stylesheet" type="text/css" href="./css/html5_reset.css" th:href="@{/asserts/css/html5_reset.css}">
		
	<script type="text/javascript" src="asserts/js/jquery-3.2.1.slim.min.js" th:src="@{/webjars/jquery/3.3.1/jquery.js}"></script>
	<script type="text/javascript" src="asserts/js/popper.min.js" th:src="@{/webjars/popper.js/1.11.1/dist/popper.js}"></script>
	<script type="text/javascript" src="asserts/js/bootstrap.min.js" th:src="@{/webjars/bootstrap/4.0.0/js/bootstrap.js}"></script>

	<!-- Icons -->
	<script type="text/javascript" src="asserts/js/feather.min.js" th:src="@{/asserts/js/feather.min.js}"></script>

	<script>
		function send(i)
		{

			if (i===0)
			{
				$("#loginFrom").attr("action", $("#bt0").attr("uri")).submit();
				return false;
			}
			else if(i===1)
			{
				$("#loginFrom").attr("action",$("#bt1").attr("uri")).submit();
				return false;
			}
			else
			{
				$("#loginFrom").attr("action",$("#bt2").attr("uri")).submit();
				return false;
			}
		}

	</script>
</head>
<body class="text-center ">



		<div id="particles-js">
			<div class="login">
			<form id="loginFrom"   method="post">
				<div class="login-top">
					登录
				</div>
				<div class="login-center clearfix">
					<div class="login-center-img"><img th:src="@{asserts/img/name.png}"></div>
					<div class="login-center-input">
						<input type="text" name="username" value="" placeholder="请输入您的用户名" onfocus="this.placeholder=&#39;&#39;"
							onblur="this.placeholder=&#39;请输入您的用户名&#39;">
						<div class="login-center-input-text">用户名</div>
					</div>
				</div>
				<div class="login-center clearfix">
					<div class="login-center-img"><img th:src="@{asserts/img/password.png}"></div>
					<div class="login-center-input">
						<input type="password" name="password" value="" placeholder="请输入您的密码"
							onfocus="this.placeholder=&#39;&#39;" onblur="this.placeholder=&#39;请输入您的密码&#39;">
						<div class="login-center-input-text">密码</div>
					</div>
				</div>
				<button class="btn btn-lg  " style="width:90%;background-color:#00ccff"  th:attr="uri=@{/stu/login}" onclick="send(0)"  id="bt0">学生登录</button>
				<button class="btn btn-lg  " style="width:90%;background-color:#0080ff" th:attr="uri=@{/tea/login}" onclick="send(1)" id="bt1">教师登录</button>
				<button class="btn btn-lg  "  style="width:90%;background-color:#8080ff" th:attr="uri=@{/adm/login}"  onclick="send(2)" id="bt2">管理员登录</button>
				<p class="mt-5 mb-3 text-muted">© 学生成绩信息管理系统</p>
				</form>
			</div>
			<div class="sk-rotating-plane"></div>
			<canvas class="particles-js-canvas-el" width="1920" height="944"
				style="width: 100%; height: 100%;"></canvas>
		</div>

		<!-- scripts -->
		<script src="./js/particles.min.js" th:src="@{/asserts/js/particles.min.js}"></script>
		<script src="./js/app.js" th:src="@{/asserts/js/app.js}"></script>
		
	



</body>

</html>